body{
    margin: 0px;
    padding: 0px;
}
.fixedHeader{
    position:fixed;
    height: 80px;
    width: 100%;
    background-color: #515151;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.fixedHeader > img{
    display: block;
    position: absolute;
    margin: auto 40px;
    background-color: goldenrod;
    left:0;
    right:0;
    top:0;
    bottom:0;
    /* margin auto 为什么不垂直方向置中 
    https://www.zhihu.com/question/21644198
    */
}
.placeholderHeader
{
    margin: 0px;
    padding: 0px;
    height: 80px;
}
.header-nav{
    position: absolute;
    right: 20px;
    margin-top: 30px;
}

.header-nav li{
    display: inline-block;
    margin-left: 20px;
    /*
    li元素 inline-block后，圆点消息是怎么回事?
    */
}
a{
    color:white;
    text-decoration:none;
}

.leftDiv > div{
    border-style:solid;
    border-width: 1px 5px 5px 1px; /*上设置为0px时不起效果??*/
    border-color: gray;
    /* box-shadow: 2px 2px 3px #aaaaaa; */
    margin: 0px;
    background-color: lightcoral;
    padding: 0px;
}

.leftDiv{
    width: calc(100% - 340px);
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px 5px 10px 10px;
    padding: 0px;
    background-color:black;
}
.rightDiv{
    width: 300px;
    background-color: green;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 10px 10px 10px 5px;
    border-width: 0px 5px 5px 0px;
    border-style:solid;
    border-color: gray;
    box-shadow: 2px 2px 3px #aaaaaa;
}
.footer{
    height: 60px;
    background-color: black;
    /* padding: 1px; */
}
.footer p{
    position: relative;
    color: white;
    top: 50%;
    transform: translateY(-50%);
    /*margin-top 不起作用的原因? 
    http://www.manongjc.com/article/1263.html
    解决办法：这里有四种解决办法

    给父元素加上css样式：overflow:hidden
    给父元素加上css样式：padding-top，其值只要不是0都可以
    给父元素加上css样式：position: absolute
    把对父容器的margin-top外边距改成padding-top内边距。
    */
    text-align: center;
}
/*
inlne-block 实现两栏效果, 实现不了;
*/